Front End Portfolio Website Tutorial – Next.js, Three.js, Tailwind CSS

モバイル
youtube
Front End Portfolio Website Tutorial – Next.js, Three.js, Tailwind CSS Learn to code a mobile responsive personal portfolio website using Next.js, Three.js & Tailwind CSS. Course developed by @CodeBucks 🔗 Demo Link: 💻 Starter Code: 💻 Final Code: ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro + Demo ⌨️ (0:06:02) Setup and Installation ⌨️ (0:08:11) Layout.js file and Tailwind config ⌨️ (0:11:53) Home page ⌨️ (0:13:21) Generate Images using Playground AI ⌨️ (0:16:56) 3D model configuration and Rendering ⌨️ (0:37:13) Navigation buttons ⌨️ (1:07:53) Creating background firefly effect ⌨️ (1:20:07) Projects page ⌨️ (1:32:46) Subpages layout ⌨️ (1:40:08) About page ⌨️ (1:55:48) Github stats & Skill icons ⌨️ (2:10:48) Contact page ⌨️ (2:20:06) Using Emailjs ⌨️ (2:35:27) Show toast messages ⌨️ (2:41:23) Mobile responsive ⌨️ (3:10:16) Adding animations using framer-motion ⌨️ (3:23:57) Adding music ⌨️ (3:49:21) Optimizing Images and performance 🎉 Thanks to our Champion and Sponsor supporters: 👾 Drake Milly 👾 Ulises Moralez 👾 Goddard Tan 👾 David MG 👾 Matthew Springman 👾 Claudio 👾 Oscar R. 👾 jedi-or-sith 👾 Nattira Maneerat 👾 Justin Hual -- Learn to code for free and get a developer job: Read hundreds of articles on programming:
  2024/10/03      youtube

関連するプログラミング動画 [mobile]

Our Tag

最近投稿されたプログラミング学習動画

How to Use Memory in Claude AI (Step-by-Step Guide)

How to Use Memory in Claude AI (Step-by-...

  2026/05/27

How to Install UTM on Mac (Step-by-Step Guide) (2026)

Learn how to install LM Studio on Mac an...

  2026/05/26

Copilot CLI Tutorial #5 - Context Management

In this Copilot CLI tutorial, I'll show ...

  2026/05/26

Do it because you love it

game

​@TraversyMedia still loves the game...

  2026/05/25

How to Install LM Studio on Mac | Run AI Models Locally (2026)

Microsoft

How to Install LM Studio on Windows 11 |...

  2026/05/25

How to set up TypeScript with Node.js and Express (2026)

node.js
typescript

Learn how to set up TypeScript with Node...

  2026/05/25

AI で観て、解いて、拓く

衛星データの処理に数日、シミュレーションの設定に数週間――貴重なデータがあっても...

  2026/05/25

AI で研究を自動化する

実験設計から結果解析まで、手作業の繰り返しに追われていませんか?複数のデータベー...

  2026/05/25

AI で文献を読み、仮説を立てる

Amazon

研究者の皆様へ。 200 本の論文を手作業でスクリーニング、仮説検証に 3 ヶ月...

  2026/05/25

Claude Codeを99%の周りより賢く使うための9つの機能はコレ!Claude Codeを使っている人は絶対に知っておくべき神機能9選

本日はClaude Code神機能9選についてお話させて頂きました! ぜひご視聴...

  2026/05/24

How to Use Projects in Claude.ai | Getting started with projects in Cl

Learn how to use Claude Projects step by...

  2026/05/24

How I would learn Python programming FAST (If I could start over)

python

🎓 The best beginner-friendly Python reso...

  2026/05/23

PyCon JP TV #65: PyCon US 2026報告会

Google

PyCon JP Associationが主催するYouTubeライブです。実験...

  2026/05/23

Skip Permissions. Run Claude, Codex, Open Source LLMs in the new Docke

docker

Give your agents a dedicated environment...

  2026/05/22

I Built the Same App With Claude Code and Codex

Click this link and use my code TECHWIT...

  2026/05/22